<template>
    <transition>
        <div class="mui-content height-100">
            <div id="tabbar" class="mui-control-content mui-active height-100">
                <div class="cofferlist-content">
                    <header class="mui-bar list-bg">
                        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #000;" @click="backRoute()"></a>
                        <h1 class="mui-title">收款</h1>
                        <img src="@/assets/img/coffer/list.png" class="mui-pull-right" style="width: 20px;margin-top: 9px;"
                             alt="">
                    </header>
                    <div class="cofferlist-box">
                        <div class="cofferlist-img"></div>
                    </div>
                    <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted coffer-fff">
                        <a class="mui-control-item export-active" href="#">全部</a>
                        <a class="mui-control-item" href="#">转出</a>
                        <a class="mui-control-item" href="#">转入</a>
                        <a class="mui-control-item" href="#">失败</a>
                    </div>
                </div>
                <div class="mui-slider list-bg cofferlist-ht">
                    <div class="mui-slider-group">
                        <div class="mui-slider-item mui-control-content mui-active">
                            <div class="export-item export-bgcolor export-line">
                                <ul class="mui-table-view">
                                    <li class="mui-table-view-cell">
                                        <a class="">
                                            <img src="@/assets/img/coffer/geichu.jpg" class="mui-pull-left list-icon"
                                                 alt="">
                                            <div class="mui-media-body">
                                                0x0sada56d1
                                                <p class='mui-ellipsis'>11/30/2018&nbsp;21:28:05</p>
                                            </div>
                                            <span class="mui-badge mui-badge-inverted list-fs">+0.02</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="list-btn">
                                <button>收款</button>
                                <button>转账</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </transition>
</template>
<script>
    /* eslint-disable */

    export default {
        name: 'wallet_transaction_list',
        create() {

        },
        mounted() {
        },
        watch: {},
        data() {
            return {}
        },
        methods: {}
    }
</script>
<style scoped>
    @import "../../../assets/css/cofferlist.css";
    @import "../../../assets/css/exprotkeystore.css";
    @import "../../../assets/css/coffer.css";
</style>